<script setup>
import Props from "./components/props.vue";

import Model from "./components/v-model.vue"

import Models from "./components/model-2.vue";

import { ref } from "vue";

const num = ref(200)

const changenum = (num1) => {
  num.value = num1
}

const count = ref(100)

const fristName = ref('可莉')

const lastName = ref('七七')

</script>

<template>
  <h1>Props num:{{ num }}</h1>
  <Props :number="num" @change="changenum"></Props>
  <h1>V-model count:{{ count }}</h1>
  <Model v-model="count"></Model>
  <Models v-model:frist="fristName" v-model:last="lastName"></Models>
</template>

<style scoped>

</style>
